<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>缺陷管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Home</title>
    <meta name="description" content="">
    <!--FROM -->
    <link href="./assets1/style1.css" rel="stylesheet" type="text/css" />

    <!-- Favicon -->
    <link rel="shortcut icon" href="./assets1/images/favicon.ico">

    <!-- Bootstrap CSS -->
    <link href="./assets1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <!-- Font Awesome CSS -->
    <link href="./assets1/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

    <!-- Custom CSS -->
    <link href="./assets1/css/style.css" rel="stylesheet" type="text/css" />

    <!-- BEGIN CSS for this page -->
    <link rel="stylesheet" type="text/css" href="./assets1/css/dataTables.bootstrap4.min.css"/>
    <!-- END CSS for this page -->
    <script src="./assets/js/myJaveScript.js" type="text/javascript"></script>

</head>

<body class="adminbody">

<div id="main">

    <!-- top bar navigation -->
    <div class="headerbar">

        <!-- LOGO -->
        <div class="headerbar-left">
            <a class="logo"><img alt="Logo" src="./assets1/images/logo-dark.png" /> <span>Admin</span></a>
        </div>

        <nav class="navbar-custom">
            <ul class="list-inline float-right mb-0">
                <li class="list-inline-item dropdown notif">
                    <a class="nav-link dropdown-toggle nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <img src="./assets1/images/avatars/admin.png" alt="Profile image" class="avatar-rounded">
                    </a>
                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                        <!-- item-->
                        <div class="dropdown-item noti-title">
                            <h5 class="text-overflow"><small th:text="'Hello,'+${session.name}"></small> </h5>
                        </div>
                        <!-- item-->
                        <a th:href="@{/}" class="dropdown-item notify-item">
                            <i class="fa fa-power-off"></i><span>Logout</span>
                        </a>
                    </div>
                </li>
            </ul>
        </nav>

    </div>
    <!-- End Navigation -->


    <!-- Left Sidebar -->
    <div class="left main-sidebar">

        <div class="sidebar-inner leftscroll">

            <div id="sidebar-menu">

                <ul>

                    <li class="submenu">
                        <a  th:href="@{/admin}"><i class="fa fa-fw fa-bars"></i><span> 主页 </span> </a>
                    </li>



                    <li class="submenu">
                        <a class="active" href="#"><i class="fa fa-fw fa-tv"></i> <span> Personnel management</span> <span class="menu-arrow"></span></a>
                        <ul class="list-unstyled">
                            <li><a th:href="@{/findAllSubmitter}">Submiter</a></li>
                            <li><a th:href="@{/findAllTestManagers}">Test Manager</a></li>
                            <li><a th:href="@{/findAllDevelopment}">Development</a></li>
                            <li><a th:href="@{/findAllAdmin}">Admin</a></li>
                        </ul>
                    </li>
                </ul>

                <div class="clearfix"></div>

            </div>

            <div class="clearfix"></div>

        </div>

    </div>
</div>
<!-- End Sidebar -->


<div class="content-page">

    <!-- Start content -->
    <div class="content">

        <div class="container-fluid">

            <div class="row">
                <div class="col-xl-12">
                    <div class="breadcrumb-holder">
                        <h1 class="main-title float-left">Development</h1>
                        <ol class="breadcrumb float-right">
                            <li class="breadcrumb-item">Personnel Management</li>
                            <li class="breadcrumb-item active">Development</li>
                        </ol>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- end row -->
            <div id="total1">
                <div class="main">
                    <form th:action="@{/do_update_Development}" th:object="${development}" method="post">
                        <table id="table3" cellspacing="0px"  align="center" >
                            <tr class="tableTitle" align="center">
                                <td class="col1">Development Id<br>(提交人ID)</td>
                                <td  class="col1">Name<br>(姓名)</td>
                                <td  class="col1">Password<br>(密码)</td>
                                <td  class="col1">ModelId<br>(模块编号)</td>
                                <td  class="col1">Change<br>(更改)</td>
                            </tr>
                            <tr align="center">
                                <td border="1px lightgrey solid"><input type="text" th:field="*{developmentId}"></td>
                                <td border="1px lightgrey solid"><input type="text" th:field="*{developmentName}"></td>
                                <td border="1px lightgrey solid"><input type="text" th:field="*{developmentPassword}"></td>
                                <td border="1px lightgrey solid"><input type="text" th:field="*{modelId}"></td>
                                <td border="1px lightgrey solid">
                                    <button type="button" onclick="javascript:return window.confirm('确认更改吗？')">
                                        <input type="submit" value="更改" />
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </form>
                    <div id="lowerLbl" align="center">
                        <p>共</p>
                        <p></p>
                        <p>条</p>
                        <select id="sel" onclick="pagination()">
                            <option id="opt0" value="10" selected="selected">10条/页</option>
                            <option id="opt1" value="20">20条/页</option>
                            <option id="opt2" value="50">50条/页</option>
                        </select>
                        &nbsp;
                        <button onclick="last()"><</button>
                        <button id="pno" style="background-color: #5899ce; color: white">1</button>
                        <button onclick="next()">></button>
                        &nbsp;
                        <p>前往</p>
                        <input type="text" id="gopg" onclick="gopage()" />
                        <p>页</p>
                    </div>
                </div>
            </div>



            <!-- END content-page -->

            <footer class="footer">
		<span class="text-right">
		 &nbsp; @YWJ &nbsp; LHY &nbsp;LZL &nbsp; LQL &nbsp; SSK
		</span>
                <span class="float-right">

		</span>
            </footer>

        </div>
        <!-- END main -->

        <script src="./assets1/js/modernizr.min.js"></script>
        <script src="./assets1/js/jquery.min.js"></script>
        <script src="./assets1/js/moment.min.js"></script>

        <script src="./assets1/js/popper.min.js"></script>
        <script src="./assets1/js/bootstrap.min.js"></script>

        <script src="./assets1/js/detect.js"></script>
        <script src="./assets1/js/fastclick.js"></script>
        <script src="./assets1/js/jquery.blockUI.js"></script>
        <script src="./assets1/js/jquery.nicescroll.js"></script>

        <!-- App js -->
        <script src="./assets1/js/pikeadmin.js"></script>
        <!-- BEGIN Java Script for this page -->
        <script src="./js1/Chart.min.js"></script>
        <script src="./js1/jquery.dataTables.min.js"></script>
        <script src="./js1/dataTables.bootstrap4.min.js"></script>

        <!-- Counter-Up-->
        <script src="./assets1/plugins/waypoints/lib/jquery.waypoints.min.js"></script>
        <script src="./assets1/plugins/counterup/jquery.counterup.min.js"></script>

        <script>
            $(document).ready(function() {
                // data-tables
                $('#example1').DataTable();

                // counter-up
                $('.counter').counterUp({
                    delay: 10,
                    time: 600
                });
            } );
        </script>

        <script>
            var ctx1 = document.getElementById("lineChart").getContext('2d');
            var lineChart = new Chart(ctx1, {
                type: 'bar',
                data: {
                    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                    datasets: [{
                        label: 'Dataset 1',
                        backgroundColor: '#3EB9DC',
                        data: [10, 14, 6, 7, 13, 9, 13, 16, 11, 8, 12, 9]
                    }, {
                        label: 'Dataset 2',
                        backgroundColor: '#EBEFF3',
                        data: [12, 14, 6, 7, 13, 6, 13, 16, 10, 8, 11, 12]
                    }]

                },
                options: {
                    tooltips: {
                        mode: 'index',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: true,
                        }],
                        yAxes: [{
                            stacked: true
                        }]
                    }
                }
            });


            var ctx2 = document.getElementById("pieChart").getContext('2d');
            var pieChart = new Chart(ctx2, {
                type: 'pie',
                data: {
                    datasets: [{
                        data: [12, 19, 3, 5, 2, 3],
                        backgroundColor: [
                            'rgba(255,99,132,1)',
                            'rgba(54, 162, 235, 1)',
                            'rgba(255, 206, 86, 1)',
                            'rgba(75, 192, 192, 1)',
                            'rgba(153, 102, 255, 1)',
                            'rgba(255, 159, 64, 1)'
                        ],
                        label: 'Dataset 1'
                    }],
                    labels: [
                        "Red",
                        "Orange",
                        "Yellow",
                        "Green",
                        "Blue"
                    ]
                },
                options: {
                    responsive: true
                }

            });


            var ctx3 = document.getElementById("doughnutChart").getContext('2d');
            var doughnutChart = new Chart(ctx3, {
                type: 'doughnut',
                data: {
                    datasets: [{
                        data: [12, 19, 3, 5, 2, 3],
                        backgroundColor: [
                            'rgba(255,99,132,1)',
                            'rgba(54, 162, 235, 1)',
                            'rgba(255, 206, 86, 1)',
                            'rgba(75, 192, 192, 1)',
                            'rgba(153, 102, 255, 1)',
                            'rgba(255, 159, 64, 1)'
                        ],
                        label: 'Dataset 1'
                    }],
                    labels: [
                        "Red",
                        "Orange",
                        "Yellow",
                        "Green",
                        "Blue"
                    ]
                },
                options: {
                    responsive: true
                }

            });
        </script>
        <!-- END Java Script for this page -->
    </div>
</div>
</body>
</html>